<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=" utf-8" />
		<title>Dethonray</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" href="./css/main.css">
		<script async="" src="./js/analytics.js"></script>
		<script src="./js/modernizr-2.8.3.min.js"></script>
		<script src="./js/main.min.js"></script>
		<style>
			.g-recaptcha div{
			margin:auto;
		}
		</style>
	</head>
	<body>
		<div class="page-wrapper">
			<div class="nav-slide-effect">
				<!-- header -->
				<header class="main">
					<div class="positioner">
						<div class="wrapper">
							<div class="logo">
								<a href="http://www.dethonray.com/">Dethonray</a>
							</div>							
							<form class="search" action="http://www.dethonray.com/" method="post">
								<input type="text" name="search" placeholder="Search" value="">
								<button class="fa fa-angle-right" type="submit"></button>
							</form>

						</div>
					</div>
					<div class="mobile-menu">
						<a class="lines-button"><span class="lines"></span>Menu</a>						
					</div>
				</header>
				<!--  aside menu -->
				<aside class="main">
					<div class="aside-inner">
						<div class="wrapper">
							<div class="vcenter">
								<nav class="main">
									<ul>
										<li class="first active"><a title="About Dethonray">About Dethonray</a>
											<ul>
												<li class="first active">
													<a href="./index.html" title="Home">Home</a>
												</li>												
												<li class="last"><a href="./service.html" title="Service">Service&Support</a></li>
											</ul>											
										</li>										
										<li class="last"><a title="Products">Products</a>
											<ul>
												<li class="first"><a href="./player.html" title="Product lines">Portable Player</a></li>											
												<li ><a title="Tube" >Tube</a></li>
												<li class="last"><a title="Pre-Amp" >Pre-Amp</a></li>
											</ul>
										</li>										
									</ul>
								</nav>

								<form class="search" action="" method="post">
									<input type="text" name="search" placeholder="Search" value="">
									<button class="fa fa-angle-right" type="submit"></button>
								</form>
							</div>
						</div>
					</div>
				</aside>
				
				
				<!-- overlay  -->
				<div class="overlay"></div>						
				<!-- content block -->
				<div class="content-blocks container">
					<div class="mood-image bottom-line">
						<div class="wrapper" id="picture">
																				
						</div>
					</div>
				</div><!-- content block  end -->
				<!-- start -->
				<div class="start container bottom-line" id="start">					
					<div class="intro">
						<p>In every single design we have one simple objective - to recreate a natural, lively and immersive
									experience, also to bring back the impacts as if you are in a live performance.<br />
									For years our design team has relentlessly innovate in perfecting not only user experience, but the very
									basics of software, circuitry and signal design. To push the boundaries of sound design fusing cutting edge
									solutions, and bring life back to music.<br></p>
					</div>					
				</div>				
			</div>
		</div>
		<!-- emnu animation -->
		
		
		<script type="text/javascript">
			$(document).ready(
				function()
				{
					var obj =  new Date();
					var weekDay =[ "./img/Sun.jpeg",
									"./img/mainpage.jpeg",
									"./img/Tus.jpeg",
									"./img/Wen.jpeg",
									"./img/Thu.jpeg",
									"./img/Fri.jpeg",
									"./img/Sat.jpeg"
					] 	
					var div = '<div class="image"><img id="mainpageId" src="'+ weekDay[obj.getDay()] +'"></div>';
					console.log(div);
					
					$("#picture").append(div);
					///<div class="image"><img id="mainpageId" src="./img/mainpage.jpeg"></div>	
					//$("#mainpageId").attr({ src: weekDay[obj.getDay()], alt: "main page" });
				}
			);	
		</script>
	</body>
</html>
